.hzdz-top-background {
  width: 3952px;
  height: 186px;
  position: relative;
  box-sizing: border-box;
  
  // 背景图片通过props设置
  
  // 响应式设计
  &.responsive {
    @media (max-width: 1920px) {
      width: 100%;
      height: auto;
      min-height: 120px;
      background-size: cover;
    }
    
    @media (max-width: 1200px) {
      min-height: 100px;
    }
    
    @media (max-width: 768px) {
      min-height: 80px;
    }
    
    @media (max-width: 480px) {
      min-height: 60px;
    }
  }
  
  // 设计模式下的边框提示
  // &[data-component-name] {
  //   &::before {
  //     content: '';
  //     position: absolute;
  //     top: -2px;
  //     left: -2px;
  //     right: -2px;
  //     bottom: -2px;
  //     border: 2px dashed rgba(24, 144, 255, 0.5);
  //     pointer-events: none;
  //     opacity: 0;
  //     transition: opacity 0.2s ease;
  //   }
    
  //   &:hover::before {
  //     opacity: 1;
  //   }
  // }
}